<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	lang="en">

	<h:head>
		<meta charset="utf-8">
		<title>T&amp;M Transporte de Cargas</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
		<meta name="author" content="José Gaspar Kuhnen Filho"></meta>
		<meta name="twitter:site" content="@gasparkf" /></meta>
		<meta http-equiv="X-UA-Compatible" content="IE=Edge"></meta>
		<META NAME="Revisit-after" CONTENT="30 days"></META>
		<META NAME="Robots" CONTENT="ALL"></META>
		<META NAME="Distribution" CONTENT="Local"></META>
		<META NAME="Doc-type" CONTENT="Manuscript"></META>
		<META NAME="Classification" CONTENT="Transportation"></META>
		<META NAME="Rating" CONTENT="Safe For Kids"></META>
		<META NAME="Doc-class" CONTENT="Living Document"></META>
		<META NAME="Doc-rights" CONTENT="Public"></META>
		<META NAME="Description" CONTENT="TRANSPORTADORA."></META>
		<META NAME="Keywords" CONTENT="TRANSPORTADORA, TRANSPORTE ,tm transporte, T&amp;M Transporte de Cargas, frete"></META>
		<META NAME="Language" CONTENT="Portuguese"></META>
		
		<!-- Le styles -->
		<link href="assets/css/bootstrap.css" rel="stylesheet"></link>
		<link rel="stylesheet" href="assets/css/tm.css" />
		<style type="text/css">
		body {
			padding-top: 0px;
			padding-bottom: 60px;
		}
		
		/* Custom container */
		.container {
			margin: 0 auto;
			max-width: 1000px;
		}
		
		.container>hr {
			margin: 60px 0;
		}
		
		/* Main marketing message and sign up button */
		.jumbotron {
			margin: 80px 0;
			text-align: center;
		}
		
		.jumbotron h1 {
			font-size: 100px;
			line-height: 1;
		}
		
		.jumbotron h2 {
			font-size: 50px;
			line-height: 1;
		}
		
		.jumbotron .lead {
			font-size: 24px;
			line-height: 1.25;
		}
		
		.jumbotron .btn {
			font-size: 21px;
			padding: 14px 24px;
		}
		
		/* Supporting marketing content */
		.marketing {
			margin: 60px 0;
		}
		
		.marketing p+h4 {
			margin-top: 28px;
		}
		
		/* Customize the navbar links to be fill the entire space of the .navbar */
		.navbar .navbar-inner {
			padding: 0;
		}
		
		.navbar .nav {
			margin: 0;
			display: table;
			width: 100%;
		}
		
		.navbar .nav li {
			display: table-cell;
			width: 1%;
			float: none;
		}
		
		.navbar .nav li a {
			font-weight: bold;
			text-align: center;
			border-left: 1px solid rgba(255, 255, 255, .75);
			border-right: 1px solid rgba(0, 0, 0, .1);
		}
		
		.navbar .nav li:first-child a {
			border-left: 0;
			border-radius: 3px 0 0 3px;
		}
		
		.navbar .nav li:last-child a {
			border-right: 0;
			border-radius: 0 3px 3px 0;
		}
		.navbar-inner {
		  	background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
			background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
		}
		
		.navbar-inner a:hover{
			background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
			background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */ 
		}
		/* CUSTOMIZE THE CAROUSEL
		    -------------------------------------------------- */
		
		    /* Carousel base class */
		    .carousel {
		      margin-bottom: 60px;
		    }
		
		    .carousel .container {
		      position: relative;
		      z-index: 9;
		    }
		
		    .carousel-control {
		      height: 80px;
		      margin-top: 0;
		      font-size: 120px;
		      text-shadow: 0 1px 1px rgba(0,0,0,.4);
		      background-color: transparent;
		      border: 0;
		      z-index: 10;
		    }
		
		    .carousel .item {
		      height: 400px;
		    }
		    .carousel img {
		      position: absolute;
		      top: 0;
		      left: 0;
		      min-width: 100%;
		      height: 400px;
		    }
		
		    .carousel-caption {
		      background-color: transparent;
		      position: static;
		      max-width: 800px;
		      padding: 0 10px;
		      margin-top: 350px;
		    }
		    .carousel-caption h1,
		    .carousel-caption .lead {
		      margin: 0;
		      line-height: 1.25;
		      color: #fff;
		      text-shadow: 0 1px 1px rgba(0,0,0,.4);
		    }
		    .carousel-caption .btn {
		      margin-top: 10px;
		    }
		</style>
		<link href="assets/css/bootstrap-responsive.css" rel="stylesheet"></link>
		
		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<h:outputText escape="false" value="&lt;!--[if lt IE 9]&gt;   &lt;script src=assets/js/html5shiv.js&quot;&gt;&lt;/script&gt;  &lt;![endif]--&gt;"></h:outputText>
		
		
		<!-- Fav and touch icons -->
		<link rel="apple-touch-icon" href="assets/ico/tm_logo_72.png"></link>
        <link rel="icon" href="assets/ico/tm_logo_72.png"></link>
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/tm_logo_72.png"></link>
		<link rel="shortcut icon" href="assets/ico/tm_logo_72.png"></link>
		
		
	</h:head>
</ui:composition>
